<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>创意3D坊-意见反馈</title>
		<link href="css/bootstrap.css" rel="stylesheet" /><!-- 引入bootstrap样式文件 -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css"><!-- 引入bootstrap图标库 -->
		<link rel="stylesheet" type="text/css" href="css/reset.css" /><!-- 引入自己写的样式文件 -->
		<link rel="stylesheet" type="text/css" href="css/fankui.css"/><!-- 引入自己写的样式文件 -->
	</head>
	<body>
<!-- 导航栏 -->
<div class="fixed-top" style="background-color: rgba(255, 255, 255, 0.8);">
	<nav class="navbar navbar-expand-xl navbar-dark">
		<a class="navbar-brand ml-5" href="index.html"><img src="img/icon.png" height="60px" width="60px"></a>
		<div style="font-size: 30px;float: left;margin-top: 0;margin-left: 1%;color: rgb(68, 16, 243);font-weight: bold;">3D创意坊</div>
		<!-- 显示折叠的按钮 -->
		<button type="button" class="btn btn-secondary navbar-toggler" data-toggle="collapse"
			data-target="#sample1"><span class="navbar-toggler-icon"></span></button>
		<!-- 折叠隐藏的部分 -->
		<div class="collapse navbar-collapse" id="sample1">
			<!-- 左侧 -->
			<ul class="navbar-nav px-5 mr-5">
				<li class="nav-item mr-4"><a href="index.html" class="nav-link text-secondary">首页</a></li>
				<li class="nav-item mr-4 dropdown">
					<a href="" class="nav-link dropdown-toggle text-secondary" data-toggle="dropdown">课程</a>
					<ul class="dropdown-menu">
						<li><a href="" class="dropdown-item">幼儿编程</a></li>
						<li><a href="" class="dropdown-item">3D打印</a></li>
						<li><a href="" class="dropdown-item">AI大讲堂</a></li>
					</ul>
				</li>
				<li class="nav-item mr-4"><a href="" class="nav-link text-secondary">项目</a></li>
				<li class="nav-item mr-4 dropdown">
					<a href="" class="nav-link dropdown-toggle text-secondary" data-toggle="dropdown">工具</a>
					<ul class="dropdown-menu">
						<li><a href="" class="dropdown-item">在线工具</a></li>
						<li><a href="" class="dropdown-item">特色工具</a></li>
					</ul>
				</li>
				<li class="nav-item mr-4 dropdown">
					<a href="" class="nav-link dropdown-toggle text-secondary" data-toggle="dropdown">活动</a>
					<ul class="dropdown-menu">
						<li><a href="" class="dropdown-item">校园赛事</a></li>
						<li><a href="" class="dropdown-item">勋章馆</a></li>
						<li><a href="" class="dropdown-item">擂台pk</a></li>
						<li><a href="" class="dropdown-item">大众评审团</a></li>
					</ul>
				</li>
				<li class="nav-item mr-4 dropdown">
					<a href="" class="nav-link dropdown-toggle text-secondary" data-toggle="dropdown">商城</a>
					<ul class="dropdown-menu">
						<li><a href="" class="dropdown-item">官方商城</a></li>
						<li><a href="" class="dropdown-item">模型商店</a></li>
					</ul>
				</li>
			</ul>
			<form class="form-inline" onsubmit="alert('搜索功能尚未实现')">
				<div class="input-group">
					<input type="text" class="form-control" placeholder="站内搜索" />
					<div class="input-group-append">
						<button class="btn btn-sm btn-dark" type="submit"><i class="bi bi-search"></i></button>
					</div>
				</div>
			</form>
			<!-- 右侧 -->
			<div class="myself ml-auto mt-3 mr-5">
				<p><i class="bi bi-phone mr-4"
						style="cursor: pointer; color:rgb(0, 0, 0) ; font-size: 33px;"
						data-toggle="tooltip" data-placement="bottom" data-html="true"
						title="<hr><img src='img/vx.jpg' width='170px' heigh='200px'><p class='tipcolor'>扫码添加站长微信<img src='img/polo.gif'></p>"></i><span
						data-toggle="tooltip" data-placement="bottom" data-html="true"
						data-template="<div class='tooltip' role='tooltip'><div class='tooltip-inner'></div></div>"
						title="<hr><p class='text-secondary'>登录并后才可以查看您的具体信息哦，官网个人信息显示略有延迟，请以实际数据为准</p><hr>">
						<img src="img/tx.png" width="40px">&nbsp&nbsp&nbsp&nbsp亲爱的用户，欢迎
						<a href="index.html" class="login">&nbsp&nbsp&nbsp&nbsp退出</a>
				</p>
				</span>
			</div>
		</div>
	</nav>
</div>

<!--------------- 内容详细 ----------------->
		<div class="content">
			<div class="container">
				<div class="content-left">
					<h5>服务进度</h5>
					<h5>自助服务</h5>
					<ul>
						<a href="#"></a>
						<li><a href="#"><font color="coral"><b>问题提交</b></font></a></li>
						<li><a href="#">意见反馈</a></li>
						<li><a href="#">自助查询</a></li>
						<li><a href="#">账号封禁申诉</a></li>
						<li><a href="#">绑定手机修改</a></li>
					</ul>
					<h5>帮助中心</h5>
					<ul>
						<li><a href="#">常见问题</a></li>
						<li><a href="#">包体问题</a></li>
						<li><a href="#">账号问题</a></li>
						<li><a href="#">界面问题</a></li>
						<li><a href="#">充值问题</a></li>
					</ul>
				</div>
				
				
				<div class="content-right">
					<div class="righ-head">
						<ul>
							<li>
								<a href="#"><font color="coral">
								<b style="font-size: 28px;">问题提交</b>
								</font></a>
							</li>
							<br />
						</ul>
						
					</div>
					<div class="righ-down">
						<ul class="down-left">
							<li><h4>名称</h4></li>
							<li><h4>分类</h4></li>
							<li><h4>类型</h4></li>
							<li><h4>附件</h4></li>
							<li><h4>描述</h4></li>
							<li></li>
						</ul>
						
						<div class="down-right">
							<form action="#">
							<input class="ac" type="text"/><br />
							<select class="ac">
								<option>包体问题</option>
								<option>账号问题</option>
								<option>界面问题</option>
								<option>充值问题</option>
								<option>其他问题</option>
							</select><br />
							<input class="ac" type="text"/><br />
							<input class="ac" type="file"/><br /><br />
							<textarea cols="70" rows="7"></textarea><br />
							<input class="sumb" type="submit" value="上传"/>
						</form>
						</div>	
					</div>
				</div>	
			</div>
		</div>
	</body>
</html>

